<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <title></title>
    <link href="/css/index.css" rel="stylesheet">
    <!-- Bootstrap -->
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css" rel="stylesheet">
    <!-- jQuery (Bootstrap 的所有 JavaScript 插件都依赖 jQuery，所以必须放在前边) -->
    <script src="https://cdn.jsdelivr.net/npm/jquery@1.12.4/dist/jquery.min.js"></script>
    <!-- 加载 Bootstrap 的所有 JavaScript 插件。你也可以根据需要只加载单个插件。 -->
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/js/bootstrap.min.js"></script>

</head>
<body>

<div class="row clearfix" style="margin-top: 20px;">
    <div class="col-md-12 column">
        <h3>成绩表</h3>
    </div>

    <div class="col-md-12 column">
        <table class="table">
            <thead>
            <tr>
                <th>
                    课程名称
                </th>
                <th>
                    教师名称
                </th>
                <th>
                    成绩
                </th>
                <th>
                    备注
                </th>
            </tr>
            </thead>
            <tbody id="tbdata">
            <tr>
                <td></td>
                <td></td>
                <td></td>
            </tr>
            </tbody>
        </table>
    </div>
</div>
</div>
</body>
<!--<script src="https://cdn.bootcdn.net/ajax/libs/axios/0.21.1/axios.min.js"></script>-->
<script>
    // 查询员工列表
    loadData();
    function loadData() {
        $.get("/student/score.do").then((res) => {
            console.log(res)
            var a=""
            if (res.code == 0) {
                // 接口返回成功
                $("#tbdata").html("");
                for (i in res.data) {
                    if(res.data[i].score<60){
                        a="成绩不及格，注意补考信息"
                    }else if(res.data[i].score>60){
                        a=""
                    }
                    //es6
                    $("#tbdata").append(`
                    <tr>
                        <td>${res.data[i].courseName}</td>
                        <td>${res.data[i].name}</td>
                        <td>${res.data[i].score}</td>
                        <td>${a}</td>
                    </tr>
                    `);
                }
            }
        })
    }
</script>
</html>